<template>
  <el-card class="avue_height">
    <search
      :keyName="keyName"
      @search="search"
      @resetSearch="resetSearch"
      ref="search"
    />
    <el-tabs v-model="keyName" type="card" @tab-click="callback">
      <el-tab-pane name="1" :label="tab.allOrder">
        <allOrder ref="allOrder" @trigger="trigger" />
      </el-tab-pane>
      <el-tab-pane name="2" :label="tab.waitingOrder">
        <waitingOrder ref="waitingOrder" @trigger="trigger" />
      </el-tab-pane>
      <el-tab-pane name="3" :label="tab.servering">
        <servering ref="servering" @trigger="trigger" />
      </el-tab-pane>

      <el-tab-pane name="9" :label="tab.factoryCollection">
        <factoryCollection ref="factoryCollection" @trigger="trigger" />
      </el-tab-pane>
      <el-tab-pane name="10" :label="tab.raisingClothes">
        <raisingClothes ref="raisingClothes" @trigger="trigger" />
      </el-tab-pane>
      <el-tab-pane name="11" :label="tab.outClothes">
        <outClothes ref="outClothes" @trigger="trigger" />
      </el-tab-pane>
      <el-tab-pane name="12" :label="tab.selfClothes">
        <selfClothes ref="selfClothes" @trigger="trigger" />
      </el-tab-pane>

      <el-tab-pane name="4" :label="tab.successfulTrade">
        <successfulTrade ref="successfulTrade" @trigger="trigger" />
      </el-tab-pane>
      <el-tab-pane name="5" :label="tab.partialReturn">
        <partialReturn ref="partialReturn" @trigger="trigger" />
      </el-tab-pane>
      <el-tab-pane name="6" :label="tab.closeTrade">
        <closeTrade ref="closeTrade" @trigger="trigger" />
      </el-tab-pane>
      <el-tab-pane name="7" :label="tab.returnClosed">
        <returnClosed ref="returnClosed" @trigger="trigger" />
      </el-tab-pane>
      <el-tab-pane name="8" :label="tab.watingReceived">
        <watingReceived ref="watingReceived" @trigger="trigger" />
      </el-tab-pane>
    </el-tabs>
  </el-card>
</template>

<script src='./index'></script>

<style  scoped>
</style>